.u-block {
	padding: 14px;
	&__section {
		margin-bottom: 10px;
	}
	&__title {
		margin-top: 10px;
		font-size: 15px;
		color: $u-content-color;
		margin-bottom: 10px;
	}
	&__flex {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
	}
}

// 使用了cell组件的icon图片样式
.u-cell-icon {
	width: 36rpx;
	height: 36rpx;
	margin-right: 8rpx;
}

.u-page {
	padding: 15px 15px 40px 15px;
	&__item {
		flex: 1;
		// margin-bottom: 23px;
		&__title {
			font-size: 14px;
			color: rgb(143, 156, 162);
			// margin-bottom: 8px;
			@include flex;
		}
	}
}

.u-demo-block {
	flex: 1;
	margin-bottom: 23px;

	&__content {
		@include flex(column);
	}

	&__title {
		font-size: 14px;
		color: rgb(143, 156, 162);
		margin-bottom: 8px;
		@include flex;
	}
}

page {
	height: 100%;
}

.app-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.flex {
	display: flex;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.justify-between {
	justify-content: space-between;
}

.text-primary {
	color: $u-primary;
}

.flex-1 {
	flex: 1;
}

.text-success {
	color: $u-success;
}

.gap-20 {
	gap: 20rpx;
}

.p-40 {
	padding: 40rpx;
}

.p-20 {
	padding: 20rpx;
}

.px-20 {
	padding: 0 20rpx;
}

.my-button {
	border-radius: 30rpx;
	padding: 5rpx 30rpx;
	background-color: #ffffff;
	box-shadow: 0 2rpx 5rpx 1rpx rgba(0, 0, 0, 0.1);
}

.bg-white {
	background-color: #ffffff;
}

.mt-20 {
	margin-top: 20rpx;
}

.mb-20 {
	margin-bottom: 20rpx;
}

.bold {
	font-weight: bold;
}

.justify-end {
	justify-content: flex-end;
}

.flex-wrap {
	flex-wrap: wrap;
}

.text-center {
	text-align: center;
}

.flex-column {
	flex-direction: column;
}

.my-card {
	padding: 20rpx;
	border-radius: 10rpx;
	background-color: #ffffff;
}

.text-info {
	color: $u-info;
}

.text-white {
	color: #ffffff;
}

.justify-center {
	justify-content: center;
}

.items-center {
	align-items: center;
}

.text-error {
	color: $u-error;
}

.ml-20 {
	margin-left: 20rpx;
}

.ml-10 {
	margin-left: 20rpx;
}

.py-40 {
	padding: 40rpx 0;
}

.mt-40 {
	margin-top: 40rpx;
}

.mb-10 {
	margin-bottom: 10rpx;
}

.shadow {
	box-shadow: 0 2rpx 10rpx 5rpx rgba(0, 0, 0, 0.1);
}